<template>
  <div class="rate-wrapper">
    <span class="label">{{ label }}</span>
    <el-rate v-model="rate" show-text> </el-rate>
  </div>
</template>

<script>
export default {
  props: {
    label: String,
  },
  data() {
    return {
      rate: 0,
    };
  },
};
</script>

<style scoped>
.rate-wrapper {
  display: flex;
  align-items: baseline;
}
.label {
  flex-basis: 4.5em;
  font-size: 1.1em;
}
</style>
